<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
		<div class="banner">
	             <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides">
								<li class="banner1"><a href="introduction.html"></a></li>
								<li class="banner2"><a></a></li>
								<li class="banner3"><a></a></li>
								<li class="banner4"><a></a></li>

							</ul>
						</div>
						<div class="clear"></div>	
			</div>
			<div class="shopNav">
				<div class="slideall">
					
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="${pageContext.request.contextPath }/index/index.do">首页</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=4">跟团游</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=2">酒店</a></li>
                                <li class="qc"><a href="${pageContext.request.contextPath }/index/search?p_type=1">门票</a></li>
							</ul>
						</div>	
			
         
		        				
						<!--侧边导航 -->
						<div id="nav" class="navfull">
							<div class="area clearfix">
								<div class="category-content" id="guide_2">
									
									<div class="category">
										<ul class="category-list" id="js_climit_li">
											<li class="appliance js_toggle relative first">
												<div class="category-info">
													<h3 class="category-name b-category-name"><i><img src="${pageContext.request.contextPath }/statics/images/index/hotel.png"></i><a class="ml-22" title="点心">酒店</a></h3>
													<em>&gt;</em></div>
												<div class="menu-item menu-in top">
													<div class="area-in">
														<div class="area-bg">
															<div class="menu-srot">
																<div class="sort-side">
																	<br/><br/>
																	<div style="position:relative;">
																		<div class="hoteldiv1"> 目的地&nbsp;|&nbsp;</div>
																		<input type="text" class="hotelInput" id="hotelarea" name=""/>
																		
																	</div>
																	<br/><br/>
																	<div style="position:relative;">
																		<div class="hoteldiv1"> 入住期&nbsp;|&nbsp;</div>
																		<input type="text" class="hotelInput" Class="Wdate" id="birthday" name="birth"  value=""
																			readonly="readonly" onclick="WdatePicker();"/>
																		
																	</div>
																	<br/><br/>
																	<div >
																		<button type="submit" id="hotelselect" class="btn btn-danger">搜索</button>
																	</div>
																</div>
																
															</div>
														</div>
													</div>
												</div>
											<b class="arrow"></b>	
											</li>
											<form action="${pageContext.request.contextPath }/index/search">
												<li class="appliance js_toggle relative">
													<div class="category-info">
														<h3 class="category-name b-category-name"><i><img src="${pageContext.request.contextPath }/statics/images/index/travel.png"></i><a class="ml-22" title="饼干、膨化">度假旅游</a></h3>
														<em>&gt;</em></div>
													<div class="menu-item menu-in top">
														<div class="area-in">
															<div class="area-bg">
																<div class="menu-srot">
																	<div class="sort-side">
																		<dl class="dl-sort">
																			<dt><span title="推荐">推荐</span></dt>
																			<dd><a title="广州" href="${pageContext.request.contextPath }/index/search?p_type=4&area=广州"><span>广州</span></a></dd>
																			<dd><a title="深圳" href="${pageContext.request.contextPath }/index/search?p_type=4&area=深圳"><span>深圳</span></a></dd>
																			<dd><a title="佛山" href="${pageContext.request.contextPath }/index/search?p_type=4&area=佛山"><span>佛山</span></a></dd>
																			<dd><a title="珠海" href="${pageContext.request.contextPath }/index/search?p_type=4&area=珠海"><span>珠海</span></a></dd>
																			<dd><a title="韶关" href="${pageContext.request.contextPath }/index/search?p_type=4&area=从化"><span>从化</span></a></dd>
																			<dd><a title="清远" href="${pageContext.request.contextPath }/index/search?p_type=4&area=清远"><span>清远</span></a></dd>
																			<dd><a title="惠州" href="${pageContext.request.contextPath }/index/search?p_type=4&area=惠州"><span>惠州</span></a></dd>
																			<dd><a title="阳江" href="${pageContext.request.contextPath }/index/search?p_type=4&area=阳江"><span>阳江</span></a></dd>
																		</dl>
																		<dl class="dl-sort">
																			<dt><span title="热门玩法">热门玩法</span></dt>
																			<dd><a title="玩转水上乐园" href="${pageContext.request.contextPath }/index/search?p_type=4&desc=玩转水上乐园"><span>玩转水上乐园</span></a></dd>
																			<dd><a title="机动游戏" href="${pageContext.request.contextPath }/index/search?p_type=4&desc=机动游戏"><span>机动游戏</span></a></dd>
																			<dd><a title="爬山涉水" href="${pageContext.request.contextPath }/index/search?p_type=4&desc=爬山涉水"><span>爬山涉水</span></a></dd>
																			<dd><a title="尝遍美食" href="${pageContext.request.contextPath }/index/search?p_type=4&desc=尝遍美食"><span>尝遍美食</span></a></dd>
																			<dd><a title="感受岭南文化" href="${pageContext.request.contextPath }/index/search?p_type=4&desc=感受岭南文化"><span>感受岭南文化</span></a></dd>
																			
																		</dl>
																		<br/>
																		<input type="hidden" value="4" name="p_type"/>
																		<dl class="dl-sort">
																			<div style="position:relative;margin-top:20px;">
																			<div class="hoteldiv1"> 目的地&nbsp;|&nbsp;</div>
																			<input type="text" class="hotelInput" name="area" value=""/>
																			
																		</div>
																		<br/>
																		<div style="position:relative;">
																			<div class="hoteldiv1"> 关键词&nbsp;|&nbsp;</div>
																			<input type="text" class="hotelInput" name="desc"/>
																			
																		</div>
																		<br/><br/>
																		<div>
																			<button type="submit" href="" class="btn btn-danger">搜索</button>
																		</div>
																		</dl>
																	</div>
																	
																</div>
															</div>
														</div>
													</div>
	                                             <b class="arrow"></b>
												</li>
											</form>
											<form action="${pageContext.request.contextPath }/index/search">
											<li class="appliance js_toggle relative">
												<div class="category-info">
													<h3 class="category-name b-category-name"><i><img src="${pageContext.request.contextPath }/statics/images/index/travel.png"></i><a class="ml-22" title="熟食、肉类">跟团游</a></h3>
													<em>&gt;</em></div>
												<div class="menu-item menu-in top">
													<div class="area-in">
														<div class="area-bg">
															<div class="menu-srot">
																<div class="sort-side">
																	<p id="vacationSwitchGroup" class="s_subtab_a">
																      <a  style="font-size:20px;" href="javascript:void(0);" class="current" data-index="0" style="display: ;">推荐</a>
																    </p>
																    <input type="hidden" name="p_type" value="4"/>
																    <br/>
																    <div style="position:relative;">
																		<div class="hoteldiv1"> 目的地&nbsp;|&nbsp;</div>
																		<input type="text" class="hotelInput" name="area" value=""/>
																		
																	</div>
																	<br/>
																	<div style="position:relative;">
																		<div class="hoteldiv1"> 关键词&nbsp;|&nbsp;</div>
																		<input type="text" class="hotelInput" name="desc" value=""/>
																		
																	</div>
																	<br/><br/>
																	<div>
																		<button type="submit" class="btn btn-danger">搜索</button>
																	</div>
																	<br/>
																	<div>
																		推荐
																	</div>
																	<dl class="dl-sort">
																		<dt><span title="推荐">推荐</span></dt>
																		<dd><a title="广州" href="${pageContext.request.contextPath }/index/search?p_type=4&area=广州"><span>广州</span></a></dd>
																		<dd><a title="深圳" href="${pageContext.request.contextPath }/index/search?p_type=4&area=深圳"><span>深圳</span></a></dd>
																		<dd><a title="佛山" href="${pageContext.request.contextPath }/index/search?p_type=4&area=佛山"><span>佛山</span></a></dd>
																		<dd><a title="珠海" href="${pageContext.request.contextPath }/index/search?p_type=4&area=珠海"><span>珠海</span></a></dd>
																		<dd><a title="韶关" href="${pageContext.request.contextPath }/index/search?p_type=4&area=从化"><span>从化</span></a></dd>
																		<dd><a title="清远" href="${pageContext.request.contextPath }/index/search?p_type=4&area=清远"><span>清远</span></a></dd>
																		<dd><a title="惠州" href="${pageContext.request.contextPath }/index/search?p_type=4&area=惠州"><span>惠州</span></a></dd>
																		<dd><a title="阳江" href="${pageContext.request.contextPath }/index/search?p_type=4&area=阳江"><span>阳江</span></a></dd>
																	</dl>
															</div>
														</div>
													</div>
												</div>
                                            <b class="arrow"></b>
											</li>
											</form>
											<form action="${pageContext.request.contextPath }/index/search">
											<li class="appliance js_toggle relative">
												<div class="category-info">
													<h3 class="category-name b-category-name"><i><img src="${pageContext.request.contextPath }/statics/images/index/p.png"></i><a class="ml-22" title="素食、卤味">门票</a></h3>
													<em>&gt;</em></div>
												<div class="menu-item menu-in top">
													<div class="area-in">
														<div class="area-bg">
															<div class="menu-srot">
																<div class="sort-side">
																<br/>
																	<br/>
																	<input type="hidden" name="p_type" value="1"/>
																	<div style="position:relative;">
																		<div class="hoteldiv1"> 关键词&nbsp;|&nbsp;</div>
																		<input type="text" class="hotelInput" name="p_Name" value=""/>
																		
																	</div>
																	<br/>
																	<br/>
																	
																	<div>
																		<button type="submit" href="" class="btn btn-danger">搜索</button>
																	</div>
																	<br/><br/>
																	<dl class="dl-sort">
																		<dt><span title="热门目的地" >热门目的地</span></dt>
																		<dd><a title="珠海长隆欢乐世界" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=珠海长隆欢乐世界"><span>珠海长隆欢乐世界</span></a></dd>
																		<dd><a title="广州长隆欢乐世界" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=广州长隆欢乐世界"><span>广州长隆欢乐世界</span></a></dd>
																		<dd><a title="顺德清晖园" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=顺德清晖园"><span>顺德清晖园</span></a></dd>
																		<dd><a title="清远温泉" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=清远温泉"><span>清远温泉</span></a></dd>
																		<dd><a title="贵州千户苗寨" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=贵州千户苗寨"><span>贵州千户苗寨</span></a></dd>
																		<dd><a title="深圳市观澜湖" href="${pageContext.request.contextPath }/index/search?p_type=1&p_Name=深圳市观澜湖"><span>深圳市观澜湖</span></a></dd>
																	</dl>
															</div>
														</div>
													</div>
												</div>
                                             <b class="arrow"></b>
                                             
											</li>
											</form>
											<li></li>
											<li></li>
											<li></li>
											<li></li>
											<li></li>
											<li></li>
										</ul>
									</div>
								</div>

							</div>
						</div>
						
						
						<!--轮播-->
						
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>

					<div class="clear"></div>
				</div>
				<script type="text/javascript">
					if ($(window).width() < 640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--今日推荐 -->

					<div class="am-g am-g-fixed recommendation">
						<div class="clock am-u-sm-3">
							<img src="${pageContext.request.contextPath }/statics/images/index/2019.jpg "></img>
							<p>今日<br>推荐</p>
						</div>
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>无敌大海景</h3>
								<h4>福利游</h4>
							</div>
							<div class="recommendationMain one">
								<a href="introduction.html"><img src="${pageContext.request.contextPath }/statics/images/index/b1.jpeg "></img></a>
							</div>
						</div>						
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>家庭精装游</h3>
								<h4>让爱早回家</h4>
							</div>
							<div class="recommendationMain two">
								<img src="${pageContext.request.contextPath }/statics/images/index/b2.jpg "></img>
							</div>
						</div>
						<div class="am-u-sm-4 am-u-lg-3 ">
							<div class="info ">
								<h3>浪漫情人节</h3>
								<h4>甜甜蜜蜜</h4>
							</div>
							<div class="recommendationMain three">
								<img src="${pageContext.request.contextPath }/statics/images/index/b3.jpg "></img>
							</div>
						</div>

					</div>
					<div class="clear "></div>
  
                    <div id="f2">
					<!--跟团游-->
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>跟团游</h4>
							<h3>只需动动手指,哪里都能游</h3>
							<div class="today-brands ">
								<a href="${pageContext.request.contextPath }/index/search?p_type=4&area=广州">广州</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=4&area=珠海">珠海</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=4&area=深圳">深圳 </a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=4&area=佛山">佛山</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=4&area=韶关">韶关</a>
							</div>
							<span class="more ">
                    <a href="${pageContext.request.contextPath }/index/search?p_type=4">更多地方<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					</div>
					<div class="am-g am-g-fixed floodThree "  
					style="background: url('https://m3.tuniucdn.com/fb2/t1/G6/M00/1C/63/Cii-TF3MsAqIN92IAAfBAqM_uz4AADfuwO-FmgAB8Ea55.jpeg') 0 0 no-repeat; background-size: 100%;">
						<div class="am-u-sm-4 text-four list">
							<a href="# ">
								<img src="" />
								<div class="outer-con ">
									<div class="title ">
										快来跟我去旅游把!!
									</div>									
								</div>
							</a>
							<div class="triangle-topright"></div>	
						</div>
						<c:forEach var="brand" items="${brands}">
							<div class="am-u-sm-4 text-four" style="background-color: rgba(220, 211, 214, 0.5);">
								<a href="${pageContext.request.contextPath }/index/showinfo?id=${brand.id}">
									<img src="/pic/${brand.org_pic }" />
									<div class="outer-con ">
										<div class="title " style="font-size:20px;">
											${brand.title}
										</div>								
										<div class="title " style="color:red;font-size:15px;">
											￥ ${brand.price}
										</div>
									</div>
								</a>
							</div>
						</c:forEach>
						
					</div>

					<div class="clear "></div>
					</div>

        
                    <div id="f3">
					<!--门票-->
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>门票精选</h4>
							<h3>每一张门票都有你我的故事</h3>
							<div class="today-brands ">
								<c:forEach var="theme" items="${themes}">
									<a href="${pageContext.request.contextPath }/index/search?p_type=1&th_id=${theme.theme_id}">${theme.theme_name}</a>
								</c:forEach>
							</div>
							<span class="more ">
                    <a href="${pageContext.request.contextPath }/index/search?p_type=1">更多地方<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					</div>
					
					<div class="am-g am-g-fixed floodFour">
						<div class="am-u-sm-5 am-u-md-4 text-one list ">
							<div class="word">
								<c:forEach var="theme" items="${themes}">
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=1&th_id=${theme.theme_id}" style="background-color: rgba(133, 216, 220, 0.5);"><span class="inner"><b class="text">${theme.theme_name}</b></span></a>								
								</c:forEach>
							</div>
							<a href="# ">
								<div class="outer-con ">
									<div class="title ">
									</div>		
									<br/><br/><br/>
									<br/><br/>
									<ul>
										<li>
											<a target="_blank" href="#" class="waipo">假期出游推荐</a>
										</li>
										<br/>
										<li>
											<a target="_blank" href="#" class="waipo">盛夏水上乐园</a>
										</li>
										<br/>
										<li>
											<a target="_blank" href="#" class="waipo">紧张刺激有趣</a>
										</li>
										<br/>
										<li>
											<a target="_blank" href="#" class="waipo">悬疑烧脑难搞</a>
										</li>
									</ul>					
								</div>
								
                                  						
							</a>			
						</div>
						<c:forEach var="ticket" items="${ticket}">
							<div class="am-u-sm-7 am-u-md-4 text-two">
								<a href="${pageContext.request.contextPath }/index/showticketinfo?id=${ticket.id}">
									<img src="/pic/${ticket.org_PicPath}" />
									<div class="outer-con ">
										<div class="title " style="font-size:20px;">
											${ticket.p_Name}
										</div>								
										<div class="title " style="color:red;font-size:15px;">
											¥ ${ticket.price}
										</div>
									</div>
								</a>
							</div>
						</c:forEach>
					</div>
                 <div class="clear "></div>                 
                 </div>
  

                    <div id="f4">
					<!--酒店-->
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>酒店</h4>
							<h3>玩的开心,睡得安心</h3>
							<div class="today-brands ">
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=佛山">佛山</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=广州">广州</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=深圳">深圳 </a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=珠海">珠海</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=清远">清远</a>
								<a href="${pageContext.request.contextPath }/index/search?p_type=2&area=韶关">韶关</a>
							</div>
							<span class="more ">
                    <a href="${pageContext.request.contextPath }/index/search?p_type=2">更多地方<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
						</div>
					</div>
					<div class="am-g am-g-fixed floodThree ">
						<div class="am-u-sm-4 text-four list">
							<div class="word">
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=佛山"><span class="inner"><b class="text">佛山</b></span></a>
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=广州"><span class="inner"><b class="text">广州</b></span></a>
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=深圳"><span class="inner"><b class="text">深圳</b></span></a>	
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=珠海"><span class="inner"><b class="text">珠海</b></span></a>
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=阳江"><span class="inner"><b class="text">阳江</b></span></a>
								<a class="outer" href="${pageContext.request.contextPath }/index/search?p_type=2&area=韶关"><span class="inner"><b class="text">韶关</b></span></a>									
							</div>
							<!-- <a href="# ">
								<img src="../images/act1.png " />
								<div class="outer-con ">
									<div class="title ">
										
									</div>									
								</div>
							</a> -->
							<div class="triangle-topright"></div>	
						</div>
						<c:forEach var="hotel" items="${hotel}">
							<div class="am-u-sm-4 text-four">
								<a href="${pageContext.request.contextPath }/index/showhotelinfo?id=${hotel.id}">
									<img src="/pic/${hotel.org_PicPath }" />
									<div class="outer-con ">
										<div class="title " style="font-size:20px;">
											${hotel.p_Name}
										</div>								
										<div class="title " style="color:red;font-size:15px;">
											¥ ${hotel.price}
										</div>
									</div>
								</a>
							</div>
						</c:forEach>
					</div>

					<div class="clear "></div>
					</div>
   
					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="# ">恒望科技</a>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">关于恒望</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
								<em>© 2015-2025 Hengwang.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
							</p>
						</div>
					</div>

		</div>
		</div>



<%@include file="common/footer.jsp"%>
<script>
	$("#hotelselect").on("click",function(){
	var area = $("#hotelarea").val();
	if(area !=null || area != ""){
		window.location.href = "/Trip/index/search?p_type=2&area="+area;
	}
	});
</script>